/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      实时      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Secure-MapView-realtime {
  position: absolute;
  border-radius: 50%;
  user-select: text;

  /* ============================== 隐藏 ============================== */
  &-hide {
    display: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      轨迹      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Secure-MapView-track {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  user-select: none;
  pointer-events: none;

  /* ============================== 折线 ============================== */
  > svg {
    width: 100%;
    height: 100%;
  }

  /* ============================== 图标 ============================== */
  > div {
    position: absolute !important;
    z-index: 200;
    pointer-events: initial;
    cursor: pointer;

    /* —————————————————————————————— 提示 —————————————————————————————— */
    > .Secure-MapView-point-tip {
      pointer-events: initial;
      user-select: text;
      cursor: initial;

      label {
        display: inline-block;
        width: 90px;
        cursor: pointer;
      }
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      提示      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Secure-MapView-point-tip {
  position: absolute !important;
  left: 50%;
  bottom: 100%;
  line-height: 24px;
  padding: 10px 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 10px 2px var(--Black2);
  color: var(--Black8);
  background: var(--White);
  text-align: left;
  white-space: nowrap;
  transform: translate(-50%, -10px);

  /* ============================== 关闭 ============================== */
  &-close {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 20px;
    text-align: center;
    pointer-events: initial;
    cursor: pointer;

    i {
      transition: 0.3s;
    }

    &:hover i {
      font-weight: bold;
      transform: scale(1.2);
    }
  }

  /* ============================== 标题 ============================== */
  .MajorTitle {
    padding-top: 0 !important;
    padding-bottom: 4px !important;
  }

  /* ============================== 图片 ============================== */
  .CoreWeb-ShowPhoto {
    margin-right: 20px;
  }
}
